<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>

</head>
<body>

<div id="div1" >
    <!--
        需求：访问页面的时候，自动将鼠标定位到输入项2  imput2
    -->
    <input type="text" name="input1">
    <input type="text" name="input2" v-focus>

</div>
<script>
    /*
    *   VUE :自定义指令
    *       第一个参数是：自定义指令的名称
    *       第二个参数是：处理函数
    *       inserted:被绑定元素插入父节点时调用
    *       bind: 只调用一次，指令第一次绑定到元素时调用，在这里可以进行一次性的初始化设置
    * */
    Vue.directive('focus',{
        inserted: function (element) {
            console.log("执行");
            console.log(element);    //绑定的元素
            element.focus();        //将光标定位到element处
        },
    })
    const vueObj = new Vue({
        el: '#div1',
        data: {


        },
        methods: {
            handle: function() {

            }
        }
    });
</script>
</body>
</html>